.home {
    position: relative;
    .content {
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.48rem;
        user-select: none;
        img {
            width: 100%;
        }

    }

    // 顶部搜索
    .location {
        position: absolute;
        top: 0.2rem;
        display: flex;
        align-items: center;
        // font-size: 0.14rem;
        border-radius: 0.02rem;
        width: 2.9rem;
        left: 50%;
        transform: translate(-50%);

        .search {
            height: .3rem;
            margin-right: .1rem;
            box-sizing: border-box;
            padding: 0 .08rem;
            width: 100%;
            align-items: center;
            display: flex;
            background-color: #ffffff;
            border-radius: .05rem;

            span,
            p {
                color: #aaa;
                // margin: 0.06rem 0.04rem;
            }
        }
    }

    // 选项
    .action {
        background-color: #ffffff;
        display: flex;
        justify-content: space-between;
        padding: 10px 10px;
        font-weight: bold;

        dl {
            dt {
                img {
                    width: 0.5rem;
                }
            }

            dd {
                margin: .1rem 0;
                text-align: center;
            }
        }
    }

    // 租房小组 
    .groups {
        box-sizing: border-box;
        padding-bottom: .1px;

        .groups-header {
            padding: .1rem .1rem ;
            list-style: none;
            display: flex;
            font-weight: bold;
            font-size: 0.14rem;
            justify-content: space-between;
            line-height: 0.4rem;
        }

        .groups-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0 .04rem;

            .groups-content-item {
                margin: .04rem  0;
                width: 48%;
                display: flex;
                box-sizing: border-box;
                padding: 0.1rem;
                background-color: white;
                justify-content: space-between;

                dd {
                    line-height: 0.25rem;
                }

                dl {
                    img {
                        width: 0.5rem;
                    }

                }

            }
            .groups-content-item:hover {
                opacity: .6;
            }
        }

    }

    // 咨询
    .news {
        margin-bottom: .60rem;
        background-color: white;
        padding: .1rem ;

        .news-title {
            font-size: 0.14rem;
            font-weight: bold;
            line-height: 0.2rem;
        }

        // 内容
        .news-item {
            display: flex;
            padding: 0.1rem  0;
            border-bottom: .01rem  solid rgb(233, 220, 220);

            dt {
                img {
                    width: 1.2rem;
                }
            }

            dd {
                padding: 0 .1rem ;

                >p {
                    font-size: 0.14rem;
                    font-weight: bolder;
                    height: 0.6rem;
                    letter-spacing: 1pt;
                    line-height: 0.2rem;
                }

                >div {
                    display: flex;
                    justify-content: space-between;
                    color: #aaa;
                    font-size: .13rem;
                }
            }
        }
        .news-item:hover {
            opacity: .6;
        } 
    }
}